<!DOCTYPE html>
<html style="height:100%;">

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="/css/w-index.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<title></title>
		<style type="text/css">
			.cover_white {
    background-color: #fff;
    width: 860px;
    height: 822px;
    margin: 84px 0 0 78px;
    padding: 40px 20px 40px;
    overflow: auto;
    position:relative;
}
.w_cover {
    height: 100%;
    width: 1055px;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    z-index: 10;
}
#closeCha {
    position: absolute;
    top: 20px;
    left: 840px;
    cursor:pointer;
    width:24px;
    height:24px;
   display: block;
    background:url("/img/w-img/gbi.png") no-repeat;
    background-size: 24px;
    z-index: 1000

}
		</style>
	</head>

	<body style="height:100%;">
		<div class="w_allpage">

			<div class="w_content">
				<div class="w-float">
					<div class="w-up-left">
						<? if(request()->cookie('phone')!=0)
              $phone=request()->cookie('phone');
							$time=time();
							$time=date("H-i-s",$time);
							$timeArr=explode('-',$time);
							if($timeArr[0]<5)$char="已至凌晨，注意休息。";
							else if($timeArr[0]>=5 && $timeArr[0]<12)$char="上午好，";
							else if($timeArr[0]==12)$char="中午好，";
							else if($timeArr[0]>12 && $timeArr[0]<18)$char="下午好,";
							else $char="晚上好,";

							?>
						<span class="miss_good"><? echo $char; ?><span><? echo $phone; ?></span>!</span>
						<div class="say">
							<span>欢迎登陆碳银网阅读新闻、查阅技术文献、下载技术资料！</span>
						</div>
						<div class="new_message">
							<span style="color:#666;font-size:14px;"><a href="/uc/msgCenter">最新消息(<? echo $count; ?>)</a></span>
						</div>
						<!--<span style="color:#ff0000;font-size:14px;">10</span>-->
					</div>
					<div class="w-up-right">
						<div class="right_up">
							碳银客服
						</div>
						<div class="right_down">
							<p>经理：宋女士</p>
							<p>电话：18058792998</p>
							<p>邮箱：songqq@tanwin.cn</p>
							<p>QQ：3415818560</p>
						</div>
					</div>
				</div>
				<ul class="w-tit">
					<li>超级合伙人指南</li>
				</ul>
				<div class="w_pic1">
					<a href="javascript:"><img src="/img/w-img/w-dw.png" id='17'/></a>
					<a href="javascript:"><img src="/img/w-img/w-ys.png" id='18'/></a>
					<a href="javascript:"><img src="/img/w-img/w-fl.png" id='19'/></a>
				</div>
				<ul class="w-tit">
					<li>碳银产品</li>
				</ul>
				<div class="w_pic2">
					<a href="/product_center" target="_blank" style="margin-right:20px;"><img src="/img/w-img/w-gf.png"/></a>
					<a href="/product_center?id=2" target="_blank"><img src="/img/w-img/w-n.png"/></a>
					<a href="/product_center?id=3"  target="_blank" style="float:right;"><img src="/img/w-img/w-ws.png"/></a>
				</div>
			</div>
		<div class="w_cover" style="display:none;">
			<div class="cover_white">
			
			</div>
		</div>
		</div>
	</body>

</html>
<script type="text/javascript">
	$(document).ready(function(){
		$('.w_pic1').find('img').click(function(){
			var id = $(this).attr('id')
			param={'id':id}
			$.ajax({
					url: "http://api.crm.tanwin.cn/article/selectById",
					type: "Post",
					dataType: "json",
					data: param,
					success: function(response) {
						// console.log(response)
						if(response.code == 100) {
							$('.w_cover').show()
//							$('.h1').html(response.data.title)
							$('.cover_white').html('<h2 class="h-tit">'+response.data.title+'</h2>'+response.data.mainbody)
							$('.cover_white').append('<div id="closeCha" onclick=close1()></div>')
						} else {

						}
					},
					error: function(data) {
						console.log(data)
					}
				});
		})

		$('.w_cover').click(function(){
			$('.w_cover').hide()
		})
		
		
		$('#closeCha').on("click",'.w_cover',function(){
			$('.w_cover').hide()
		})
		$('.cover_white').click(function(event){
			  event.stopPropagation();
		})
	})
	
</script>
<script type="text/javascript">
	function close1(){
		$('.w_cover').hide()
	}
</script>
